<!DOCTYPE html>
<html>
<head  th:include="head :: fragment_head">
    <title>我的订单</title>
</head>
<body class="grayBody">
<div class="youarehere">
    <span class="opcityText"><a href="javascript:;">首页</a></span>
    <span class="trueImg"><img th:src="@{/images/blueDian.png}" src="images/blueDian.png"></span>
    <span class="trueText"><a href="javascript:;">我的订单</a></span>
</div>
<div class="orderTopCheck">
    <a href="javascript:;" class="active">未完成</a>
    <a href="javascript:;">已完成</a>
</div>
<!--未完成-->
<div class="myorderBox">
    <div class="myorderList">
        <ul>
            <li th:each="co:${listOrder}">
                <div class="myorder-floor1">
                    <div class="mf1-left">订单号：<p th:text="co.orderID">20180108185951517</p></div>
                    <div class="mf1-right">运送中</div>
                </div>
                <div class="myorder-floor2">
                    <div class="mf2-brand">
                        <div class="mf2-brand-left" th:text="*{co.brand}">东明石化</div>
                        <div class="mf2-brand-right"  th:each="pro:${co.listProduct}">
                            <p><span th:text="${pro.product_name}">92#汽油（国IV）</span></p>
                        </div>
                    </div>
                    <div class="mf2-total">
                        <p class="mf2-total-left">最新集采价：<span th:text="*{co.newPrice}">7990元/吨</span> 元/吨</p>
                        <p class="mf2-total-right">我的量：<span th:text="*{co.myamount}">500吨</span> 吨</p>
                    </div>
                    <div class="mf2-more">
                        <a th:href="'/verify/getOrderDetail?collect_number='+*{co.number}" href="/verify/getCollectDetail?collect_number">详情</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--已完成-->
<div class="myorderBox" style="display: none;">
    <div class="myorderList">
        <ul>
            <li th:each="cd:${listOrdered}">
                <div class="myorder-floor1">
                    <div class="mf1-left">订单号：<p th:text="cd.orderID">20180108185951517</p></div>
                    <div class="mf1-right">已完成</div>
                </div>
                <div class="myorder-floor2">
                    <div class="mf2-brand">
                        <div class="mf2-brand-left" th:text="*{cd.brand}">东明石化</div>
                        <div class="mf2-brand-right"  th:each="pro:${cd.listProduct}">
                            <p><span th:text="${pro.product_name}">92#汽油（国IV）</span></p>
                        </div>
                    </div>
                    <div class="mf2-total">
                        <p class="mf2-total-left">集采成交总金额：<span th:text="*{cd.totalPrice}">79万元</span></p>
                        <p class="mf2-total-right">我的量：<span th:text="*{cd.myamount}">500吨</span></p>
                    </div>
                    <div class="mf2-more">
                        <a href="myorder2.html">详情</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="footerheight"></div>

<div class="footer" th:include="footer :: fragment_footer"></div>

<script type="text/javascript" th:src="@{/js/jquery.min.js}" src="js/jquery.min.js" ></script>
<script type="text/javascript" th:src="@{/js/footer.js}" src="js/footer.js" ></script>
<script>
    $(document).ready(function(){
        $(".footerheight").height($(".footer").height());
    })
    $(function(){
        $(".orderTopCheck a").click(function(){
            $(".orderTopCheck a").removeClass("active");
            $(this).addClass("active");
            var par = $(this).parents(".grayBody");
            par.find(".myorderBox").hide();
            var arr = par.find(".orderTopCheck a");
            var brr = par.find(".myorderBox:eq("+$.inArray(this,arr)+")");
            brr.show();
        })
    })
</script>
</body>
</html>
